function preg_quote(str, delimiter) {
  // Quote regular expression characters plus an optional character
  //
  // version: 1107.2516
  // discuss at: http://phpjs.org/functions/preg_quote
  // +   original by: booeyOH
  // +   improved by: Ates Goral (http://magnetiq.com)
  // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  // +   bugfixed by: Onno Marsman
  // +   improved by: Brett Zamir (http://brett-zamir.me)
  // *     example 1: preg_quote("$40");
  // *     returns 1: '\$40'
  // *     example 2: preg_quote("*RRRING* CommandTianqiyubao1?");
  // *     returns 2: '\*RRRING\* CommandTianqiyubao1\?'
  // *     example 3: preg_quote("\\.+*?[^]$(){}=!<>|:");
  // *     returns 3: '\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:'
  return (str + '').replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\' + (delimiter || '') + '-]', 'g'), '\\$&');
}

function loadScript(url, cb) {
  var script;
  script = document.createElement('script');
  script.src = url;
  script.onload = function(){
    cb && cb({isNew: true})
  };
  document.getElementsByTagName('head')[0].appendChild(script);
}

var Formula = {
  mode: 'plain',
  latexeasy: null,
  init: function () {
    // console.log('Formula.init')
    Formula.initMode();
    Formula.initEvent();
    Formula.initSubmit();
  },
  renderPlain: function () {
    var $preview = $('#preview');
    var value = $('#editor').val();
    if (!value) {
      $preview.hide();
      return;
    }
    value = encodeURIComponent(value);
    var formulaConfig = editor.getOpt('formulaConfig');
    var src = formulaConfig.imageUrlTemplate.replace(/\{\}/, value);
    $('#previewImage').attr('src', src);
    $preview.show();
  },
  setValuePlain: function (value) {
    $('#editor').val(value);
    Formula.renderPlain();
  },
  setValueLive: function (value) {
    if (!Formula.latexeasy) {
      setTimeout(function () {
        Formula.setValueLive(value);
      }, 100);
      return;
    }
    Formula.latexeasy.call('set.latex', {latex: value});
  },
  initMode: function () {
    var formulaConfig = editor.getOpt('formulaConfig');
    if ('live' === formulaConfig.editorMode) {
      $('#liveEditor').attr('src', formulaConfig.editorLiveServer+'/editor');
      $('#modeLive').show();
      Formula.mode = 'live';
    } else {
      $('#modePlain').show();
      Formula.mode = 'plain';
    }
    var img = editor.selection.getRange().getClosedNode();
    if (img && img.getAttribute('data-formula-image') !== null) {
      var value = img.getAttribute('data-formula-image');
      if (value) {
        Formula.setValue(decodeURIComponent(value));
      }
    }
  },
  setValue: function (value) {
    switch (Formula.mode) {
      case 'plain':
        Formula.setValuePlain(value);
        break;
      case 'live':
        Formula.setValueLive(value);
        break;
    }
  },
  getValue: function (cb) {
    switch (Formula.mode) {
      case 'plain':
        cb($.trim($('#editor').val()));
        break;
      case 'live':
        Formula.latexeasy.call('get.latex', {}, function (data) {
          cb(data.latex);
        });
        break;
    }
  },
  initEvent: function () {
    var changeTimer = null, le;
    switch (Formula.mode) {
      case 'plain':
        // console.log('Formula.initEvent');
        $('#editor').on('change keypress', function () {
          changeTimer && clearTimeout(changeTimer);
          changeTimer = setTimeout(function () {
            Formula.renderPlain();
          }, 1000);
        });
        $('#inputDemo').on('click', function () {
          $('#editor').val('f(a) = \\frac{1}{2\\pi i} \\oint\\frac{f(z)}{z-a}dz');
          Formula.renderPlain();
        });
        break;
      case 'live':
        var formulaConfig = editor.getOpt('formulaConfig');
        loadScript(formulaConfig.editorLiveServer+'/vendor/LatexEasyEditor/editor/sdk.js',function(){
          le = new window.LatexEasy(document.getElementById('liveEditor'));
          le.on('ready', function () {
            Formula.latexeasy = le;
          });
          le.init();
        });
        break;
    }
  },
  initSubmit: function () {
    dialog.onclose = function (t, ok) {
      if (!ok) {
        return true;
      }
      // console.log('onclose', t, ok);
      Formula.getValue(function (value) {
        editor.execCommand('formula', value);
        editor.fireEvent('saveScene');
        dialog.close(false);
      });
      return false;
    };
  }
};
